/*===============中间-----*/
.middle{
    /*上下50  左右0*/
    margin: 50px 0px;
    display: flex;
    justify-content: center;
}
.middle>div{
    display: flex;
    justify-content: space-between;
    width: 1150px;
}

.middle>div>div:first-child{
    border: 1px solid red;
    width: 590px;
}
.middle>div>div:nth-child(2){
    border: 1px solid blue;
    width: 500px;
}
/*设置较新动态中的文字*/
.middle>div>div:nth-child(1)>div:first-child{
    color: rgb(230,145,55);
    font-size: 20px;
    border: 1px solid red;
    padding: 20px;

}
/*设置文字居中并和图片在一行*/
.middle>div>div:nth-child(1)>div:nth-child(2){
    padding: 10px;
    display: flex;
    justify-content: space-between;

}
/*设置*/
.middle>div>div:nth-child(1)>div:nth-child(2)>div:first-child{
    height:200px;
    width:200px;
}
.middle>div>div:nth-child(1)>div:nth-child(2)>div:nth-child(2){
    width: 280px;


}

/*单行溢出*/
.middle>div>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div>div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*设置标题字体*/
.middle>div>div:nth-child(1)>div:nth-child(2)>div>div>div:nth-child(1){
    color: black;
    font-weight: bolder;
}
/*设置内容字体*/
.middle>div>div:nth-child(1)>div:nth-child(2)>div>div>div:nth-child(2){
    color: rgb(230,145,55);
    margin-top: 10px;
}
/*设置标题字体间的间距*/
.middle>div>div:nth-child(1)>div:nth-child(2)>div>div{
    height: 60px;
    /*设置每一行下面的虚线*/
    border-bottom: 1px dashed gold;

}
/*.size{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
/*===============中间右边部分=-----------*/
/*设置产品信息中的文字*/
.middle>div>div:nth-child(2)>div:first-child{
    color: rgb(230,145,55);
    font-size: 20px;
    border: 1px solid blue;
    padding: 20px;

}
/*设置菜品显示一行*/
.caipin{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
/*设置图片大小*/
.dsxiao{
    width: 235px;
    height: 200px;
}
/*设置图片大小*/
.dsxiao>img{
    width: 100%;
    height: 100%;
}
/*设置菜品名称和配料的字体+单行溢出+点击事件*/
.name{
    color: black;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
/*设置辅料字体+单行溢出*/
.ingredients{
    width: 80px;
    color: rgb(230,145,55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}